<template>
    <div class="com_box pd_20" v-loading="loading" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0)">
        <ExportTask ref="ex_ref"/>
        <div class="flexbox flexcenter flexbetween">
            <div class="font_16 color_01">项目列表</div>
            <div class="flexbox flexcenter">
                <el-input placeholder="请输入项目名称搜索" size="small" style="width:180px;margin-right:12px" clearable prefix-icon="el-icon-search" v-model="queryInfo.project_name" @change="getDataList(1)">
                </el-input>
                <span class="font_14 color_01">收款日期</span>
                <el-date-picker style="width:220px;margin:0 12px" value-format="yyyy-MM-dd" v-model="queryInfo.getmoney_date" type="daterange" clearable size="small" @change="getDataList(1)" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
                </el-date-picker>
                <span class="font_14 color_01">追投日期</span>
                <el-date-picker style="width:220px;margin:0 12px" value-format="yyyy-MM-dd" v-model="queryInfo.zt_date" type="daterange" clearable size="small" @change="getDataList(1)" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
                </el-date-picker>
                <el-button plain size="small" class="plain_blue" @click="exportDown">
                    <div class="flexbox flexcenter flexjust">
                        <svg width="16" height="16" viewBox="0 0 16 16" stroke='#4475FF' class="stroke_svg btn_svg" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M14 9C14 10.875 12.6667 14 8 14C3.33333 14 2 10.875 2 9" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M8 2V11" stroke="inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M4 6L8 2L12 6" stroke="#inherit" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                        导出数据
                    </div>
                </el-button>
                <el-button type="primary" size="small" icon="el-icon-plus" @click="addRevenue">添加项目</el-button>
            </div>
        </div>
        <div class="flexbox mt_20" v-if="total>0">
            <div class="rev_left flex">
                <div class="reve_content">
                    <div class="reve_item" v-for="item in tableData" :key="item.id" @click="toTask(item)">
                        <div class="reve_title flexbox flexcenter flexbetween">
                            <div class="reve_name">{{item.project_name}}</div>
                            <div class="reve_set flexbox flexcenter" @click.stop="editRevenue(item)">
                                <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.5 6.78408C12.5 6.64601 12.3881 6.53408 12.25 6.53408H11.198C11.0893 6.05959 10.9022 5.61503 10.6512 5.21481L11.3953 4.47068C11.4929 4.37305 11.4929 4.21476 11.3953 4.11713L10.3829 3.10469C10.2852 3.00706 10.127 3.00706 10.0293 3.10469L9.28519 3.8488C8.88497 3.59782 8.44041 3.41073 7.96592 3.30197V2.25C7.96592 2.11193 7.85399 2 7.71592 2H6.28408C6.14601 2 6.03408 2.11193 6.03408 2.25V3.30197C5.55959 3.41073 5.11503 3.59782 4.71481 3.8488L3.97068 3.10469C3.87305 3.00706 3.71476 3.00706 3.61713 3.10469L2.60469 4.11713C2.50706 4.21476 2.50706 4.37305 2.60469 4.47068L3.3488 5.21481C3.09782 5.61503 2.91073 6.05959 2.80197 6.53408H1.75C1.61193 6.53408 1.5 6.64601 1.5 6.78408V8.21592C1.5 8.35399 1.61193 8.46592 1.75 8.46592H2.80197C2.91073 8.94041 3.09782 9.38497 3.3488 9.78519L2.60469 10.5293C2.50706 10.627 2.50706 10.7852 2.60469 10.8829L3.61713 11.8953C3.71476 11.9929 3.87305 11.9929 3.97068 11.8953L4.71481 11.1512C5.11503 11.4022 5.55959 11.5893 6.03408 11.698V12.75C6.03408 12.8881 6.14601 13 6.28408 13H7.71592C7.85399 13 7.96592 12.8881 7.96592 12.75V11.698C8.44042 11.5893 8.88497 11.4022 9.28519 11.1512L10.0293 11.8953C10.127 11.9929 10.2852 11.9929 10.3829 11.8953L11.3953 10.8829C11.4929 10.7852 11.4929 10.627 11.3953 10.5293L10.6512 9.78519C10.9022 9.38497 11.0893 8.94042 11.198 8.46592H12.25C12.3881 8.46592 12.5 8.35399 12.5 8.21592V6.78408Z" fill="#4475FF" stroke="#4475FF" stroke-width="0.5" stroke-linejoin="round" />
                                    <path d="M7 9.25C7.96649 9.25 8.75 8.46649 8.75 7.5C8.75 6.53351 7.96649 5.75 7 5.75C6.03351 5.75 5.25 6.53351 5.25 7.5C5.25 8.46649 6.03351 9.25 7 9.25Z" fill="white" stroke="white" stroke-linejoin="round" />
                                </svg>
                                项目设置
                            </div>
                        </div>
                        <div class="reve_val">
                            <div class="reve_list flex">
                                <div class="reve_num">{{item.project_income?item.project_income:"0.00"}}</div>
                                <div class="reve_text flexbox flexcenter flexjust">
                                    总收入
                                    <el-tooltip class="item" effect="dark" content="" placement="top">
                                        <div slot="content" style="font-size:12;color:#fff;line-height:18px">
                                            星图服务费收入+达人返点收入+追投总收入
                                        </div>
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="8.0001" cy="8.0001" r="6.4" fill="#CFD4DD" />
                                            <path d="M5.92 7.08352V7.16352H6H6.99563H7.07563V7.08352C7.07563 6.72243 7.14429 6.45204 7.27846 6.26933L7.27851 6.26937L7.28031 6.2667C7.42646 6.04989 7.66706 5.94154 8.03493 5.94154C8.31743 5.94154 8.52971 6.01642 8.67611 6.16331C8.81667 6.31309 8.89817 6.52067 8.89817 6.79341C8.89817 6.99248 8.82745 7.18578 8.68085 7.36642L8.58011 7.48472C8.29712 7.73905 8.06929 7.95955 7.89737 8.14703C7.72622 8.33366 7.60626 8.49204 7.54407 8.62154C7.41437 8.87387 7.36105 9.1775 7.36105 9.51868V9.64176V9.72176H7.44105H8.44542H8.52541V9.64176V9.51868C8.52541 9.31966 8.56639 9.14727 8.64807 8.98284C8.72181 8.83439 8.82849 8.69371 8.97718 8.56898L8.97719 8.569L8.97864 8.56773C9.39678 8.19945 9.65405 7.95872 9.73649 7.86651L9.73673 7.86672L9.74101 7.86099C9.96259 7.5636 10.08 7.18561 10.08 6.73187C10.08 6.1767 9.89829 5.73149 9.52928 5.40627C9.16162 5.07341 8.67785 4.92 8.09607 4.92C7.43386 4.92 6.90555 5.10965 6.51193 5.49648C6.10826 5.88453 5.92 6.41749 5.92 7.08352ZM8.46723 10.5306L8.46727 10.5306L8.46526 10.5287C8.31798 10.3903 8.13182 10.3224 7.9214 10.3224C7.70991 10.3224 7.53282 10.391 7.38627 10.5287C7.2369 10.669 7.16891 10.8495 7.16891 11.0617C7.16891 11.2739 7.2369 11.4544 7.38627 11.5947C7.53082 11.7305 7.7072 11.8098 7.9214 11.8098C8.13289 11.8098 8.30997 11.7412 8.45652 11.6035C8.60478 11.4643 8.68262 11.2756 8.68262 11.0617C8.68262 10.847 8.60428 10.6686 8.46723 10.5306Z" fill="white" stroke="white" stroke-width="0.16" />
                                        </svg>
                                    </el-tooltip>
                                </div>
                                <div class="reve_line"></div>
                            </div>
                            <div class="reve_list flex">
                                <div class="reve_num">{{item.qc_cost?item.qc_cost:"0.00"}}</div>
                                <div class="reve_text flexbox flexcenter flexjust">
                                    千川追投消耗
                                    <el-tooltip class="item" effect="dark" content="" placement="top">
                                        <div slot="content" style="font-size:12;color:#fff;line-height:18px">
                                            项目中所有达人商品的千川追投消耗
                                        </div>
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="8.0001" cy="8.0001" r="6.4" fill="#CFD4DD" />
                                            <path d="M5.92 7.08352V7.16352H6H6.99563H7.07563V7.08352C7.07563 6.72243 7.14429 6.45204 7.27846 6.26933L7.27851 6.26937L7.28031 6.2667C7.42646 6.04989 7.66706 5.94154 8.03493 5.94154C8.31743 5.94154 8.52971 6.01642 8.67611 6.16331C8.81667 6.31309 8.89817 6.52067 8.89817 6.79341C8.89817 6.99248 8.82745 7.18578 8.68085 7.36642L8.58011 7.48472C8.29712 7.73905 8.06929 7.95955 7.89737 8.14703C7.72622 8.33366 7.60626 8.49204 7.54407 8.62154C7.41437 8.87387 7.36105 9.1775 7.36105 9.51868V9.64176V9.72176H7.44105H8.44542H8.52541V9.64176V9.51868C8.52541 9.31966 8.56639 9.14727 8.64807 8.98284C8.72181 8.83439 8.82849 8.69371 8.97718 8.56898L8.97719 8.569L8.97864 8.56773C9.39678 8.19945 9.65405 7.95872 9.73649 7.86651L9.73673 7.86672L9.74101 7.86099C9.96259 7.5636 10.08 7.18561 10.08 6.73187C10.08 6.1767 9.89829 5.73149 9.52928 5.40627C9.16162 5.07341 8.67785 4.92 8.09607 4.92C7.43386 4.92 6.90555 5.10965 6.51193 5.49648C6.10826 5.88453 5.92 6.41749 5.92 7.08352ZM8.46723 10.5306L8.46727 10.5306L8.46526 10.5287C8.31798 10.3903 8.13182 10.3224 7.9214 10.3224C7.70991 10.3224 7.53282 10.391 7.38627 10.5287C7.2369 10.669 7.16891 10.8495 7.16891 11.0617C7.16891 11.2739 7.2369 11.4544 7.38627 11.5947C7.53082 11.7305 7.7072 11.8098 7.9214 11.8098C8.13289 11.8098 8.30997 11.7412 8.45652 11.6035C8.60478 11.4643 8.68262 11.2756 8.68262 11.0617C8.68262 10.847 8.60428 10.6686 8.46723 10.5306Z" fill="white" stroke="white" stroke-width="0.16" />
                                        </svg>
                                    </el-tooltip>
                                </div>
                                <div class="reve_line"></div>
                            </div>
                            <div class="reve_list flex">
                                <div class="reve_num">{{item.aweme_price?item.aweme_price:"0.00"}}</div>
                                <div class="reve_text flexbox flexcenter flexjust">
                                    星图任务金额
                                    <el-tooltip class="item" effect="dark" content="" placement="top">
                                        <div slot="content" style="font-size:12;color:#fff;line-height:18px">
                                            项目中填写的星图任务金额
                                        </div>
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="8.0001" cy="8.0001" r="6.4" fill="#CFD4DD" />
                                            <path d="M5.92 7.08352V7.16352H6H6.99563H7.07563V7.08352C7.07563 6.72243 7.14429 6.45204 7.27846 6.26933L7.27851 6.26937L7.28031 6.2667C7.42646 6.04989 7.66706 5.94154 8.03493 5.94154C8.31743 5.94154 8.52971 6.01642 8.67611 6.16331C8.81667 6.31309 8.89817 6.52067 8.89817 6.79341C8.89817 6.99248 8.82745 7.18578 8.68085 7.36642L8.58011 7.48472C8.29712 7.73905 8.06929 7.95955 7.89737 8.14703C7.72622 8.33366 7.60626 8.49204 7.54407 8.62154C7.41437 8.87387 7.36105 9.1775 7.36105 9.51868V9.64176V9.72176H7.44105H8.44542H8.52541V9.64176V9.51868C8.52541 9.31966 8.56639 9.14727 8.64807 8.98284C8.72181 8.83439 8.82849 8.69371 8.97718 8.56898L8.97719 8.569L8.97864 8.56773C9.39678 8.19945 9.65405 7.95872 9.73649 7.86651L9.73673 7.86672L9.74101 7.86099C9.96259 7.5636 10.08 7.18561 10.08 6.73187C10.08 6.1767 9.89829 5.73149 9.52928 5.40627C9.16162 5.07341 8.67785 4.92 8.09607 4.92C7.43386 4.92 6.90555 5.10965 6.51193 5.49648C6.10826 5.88453 5.92 6.41749 5.92 7.08352ZM8.46723 10.5306L8.46727 10.5306L8.46526 10.5287C8.31798 10.3903 8.13182 10.3224 7.9214 10.3224C7.70991 10.3224 7.53282 10.391 7.38627 10.5287C7.2369 10.669 7.16891 10.8495 7.16891 11.0617C7.16891 11.2739 7.2369 11.4544 7.38627 11.5947C7.53082 11.7305 7.7072 11.8098 7.9214 11.8098C8.13289 11.8098 8.30997 11.7412 8.45652 11.6035C8.60478 11.4643 8.68262 11.2756 8.68262 11.0617C8.68262 10.847 8.60428 10.6686 8.46723 10.5306Z" fill="white" stroke="white" stroke-width="0.16" />
                                        </svg>
                                    </el-tooltip>
                                </div>
                                <div class="reve_line"></div>
                            </div>
                            <div class="reve_list flex">
                                <div class="reve_num">{{item.brandads_cost?item.brandads_cost:"0.00"}}</div>
                                <div class="reve_text flexbox flexcenter flexjust">
                                    品牌广告消耗
                                    <el-tooltip class="item" effect="dark" content="" placement="top">
                                        <div slot="content" style="font-size:12;color:#fff;line-height:18px">
                                            品牌广告金额总和
                                        </div>
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="8.0001" cy="8.0001" r="6.4" fill="#CFD4DD" />
                                            <path d="M5.92 7.08352V7.16352H6H6.99563H7.07563V7.08352C7.07563 6.72243 7.14429 6.45204 7.27846 6.26933L7.27851 6.26937L7.28031 6.2667C7.42646 6.04989 7.66706 5.94154 8.03493 5.94154C8.31743 5.94154 8.52971 6.01642 8.67611 6.16331C8.81667 6.31309 8.89817 6.52067 8.89817 6.79341C8.89817 6.99248 8.82745 7.18578 8.68085 7.36642L8.58011 7.48472C8.29712 7.73905 8.06929 7.95955 7.89737 8.14703C7.72622 8.33366 7.60626 8.49204 7.54407 8.62154C7.41437 8.87387 7.36105 9.1775 7.36105 9.51868V9.64176V9.72176H7.44105H8.44542H8.52541V9.64176V9.51868C8.52541 9.31966 8.56639 9.14727 8.64807 8.98284C8.72181 8.83439 8.82849 8.69371 8.97718 8.56898L8.97719 8.569L8.97864 8.56773C9.39678 8.19945 9.65405 7.95872 9.73649 7.86651L9.73673 7.86672L9.74101 7.86099C9.96259 7.5636 10.08 7.18561 10.08 6.73187C10.08 6.1767 9.89829 5.73149 9.52928 5.40627C9.16162 5.07341 8.67785 4.92 8.09607 4.92C7.43386 4.92 6.90555 5.10965 6.51193 5.49648C6.10826 5.88453 5.92 6.41749 5.92 7.08352ZM8.46723 10.5306L8.46727 10.5306L8.46526 10.5287C8.31798 10.3903 8.13182 10.3224 7.9214 10.3224C7.70991 10.3224 7.53282 10.391 7.38627 10.5287C7.2369 10.669 7.16891 10.8495 7.16891 11.0617C7.16891 11.2739 7.2369 11.4544 7.38627 11.5947C7.53082 11.7305 7.7072 11.8098 7.9214 11.8098C8.13289 11.8098 8.30997 11.7412 8.45652 11.6035C8.60478 11.4643 8.68262 11.2756 8.68262 11.0617C8.68262 10.847 8.60428 10.6686 8.46723 10.5306Z" fill="white" stroke="white" stroke-width="0.16" />
                                        </svg>
                                    </el-tooltip>
                                </div>
                                <div class="reve_line"></div>
                            </div>
                            <div class="reve_list flex">
                                <div class="reve_num">{{item.xingtu_service?item.xingtu_service:"0.00"}}</div>
                                <div class="reve_text flexbox flexcenter flexjust">
                                    星图服务费收入
                                    <el-tooltip class="item" effect="dark" content="" placement="top">
                                        <div slot="content" style="font-size:12;color:#fff;line-height:18px">
                                            星图任务金额*服务费比例
                                        </div>
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="8.0001" cy="8.0001" r="6.4" fill="#CFD4DD" />
                                            <path d="M5.92 7.08352V7.16352H6H6.99563H7.07563V7.08352C7.07563 6.72243 7.14429 6.45204 7.27846 6.26933L7.27851 6.26937L7.28031 6.2667C7.42646 6.04989 7.66706 5.94154 8.03493 5.94154C8.31743 5.94154 8.52971 6.01642 8.67611 6.16331C8.81667 6.31309 8.89817 6.52067 8.89817 6.79341C8.89817 6.99248 8.82745 7.18578 8.68085 7.36642L8.58011 7.48472C8.29712 7.73905 8.06929 7.95955 7.89737 8.14703C7.72622 8.33366 7.60626 8.49204 7.54407 8.62154C7.41437 8.87387 7.36105 9.1775 7.36105 9.51868V9.64176V9.72176H7.44105H8.44542H8.52541V9.64176V9.51868C8.52541 9.31966 8.56639 9.14727 8.64807 8.98284C8.72181 8.83439 8.82849 8.69371 8.97718 8.56898L8.97719 8.569L8.97864 8.56773C9.39678 8.19945 9.65405 7.95872 9.73649 7.86651L9.73673 7.86672L9.74101 7.86099C9.96259 7.5636 10.08 7.18561 10.08 6.73187C10.08 6.1767 9.89829 5.73149 9.52928 5.40627C9.16162 5.07341 8.67785 4.92 8.09607 4.92C7.43386 4.92 6.90555 5.10965 6.51193 5.49648C6.10826 5.88453 5.92 6.41749 5.92 7.08352ZM8.46723 10.5306L8.46727 10.5306L8.46526 10.5287C8.31798 10.3903 8.13182 10.3224 7.9214 10.3224C7.70991 10.3224 7.53282 10.391 7.38627 10.5287C7.2369 10.669 7.16891 10.8495 7.16891 11.0617C7.16891 11.2739 7.2369 11.4544 7.38627 11.5947C7.53082 11.7305 7.7072 11.8098 7.9214 11.8098C8.13289 11.8098 8.30997 11.7412 8.45652 11.6035C8.60478 11.4643 8.68262 11.2756 8.68262 11.0617C8.68262 10.847 8.60428 10.6686 8.46723 10.5306Z" fill="white" stroke="white" stroke-width="0.16" />
                                        </svg>
                                    </el-tooltip>
                                </div>
                                <div class="reve_line"></div>
                            </div>
                            <div class="reve_list flex">
                                <div class="reve_num">{{item.aweme_service?item.aweme_service:"0.00"}}</div>
                                <div class="reve_text flexbox flexcenter flexjust">
                                    达人返点收入
                                    <el-tooltip class="item" effect="dark" content="" placement="top">
                                        <div slot="content" style="font-size:12;color:#fff;line-height:18px">
                                            各达人任务金额*达人返点比例的求和
                                        </div>
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="8.0001" cy="8.0001" r="6.4" fill="#CFD4DD" />
                                            <path d="M5.92 7.08352V7.16352H6H6.99563H7.07563V7.08352C7.07563 6.72243 7.14429 6.45204 7.27846 6.26933L7.27851 6.26937L7.28031 6.2667C7.42646 6.04989 7.66706 5.94154 8.03493 5.94154C8.31743 5.94154 8.52971 6.01642 8.67611 6.16331C8.81667 6.31309 8.89817 6.52067 8.89817 6.79341C8.89817 6.99248 8.82745 7.18578 8.68085 7.36642L8.58011 7.48472C8.29712 7.73905 8.06929 7.95955 7.89737 8.14703C7.72622 8.33366 7.60626 8.49204 7.54407 8.62154C7.41437 8.87387 7.36105 9.1775 7.36105 9.51868V9.64176V9.72176H7.44105H8.44542H8.52541V9.64176V9.51868C8.52541 9.31966 8.56639 9.14727 8.64807 8.98284C8.72181 8.83439 8.82849 8.69371 8.97718 8.56898L8.97719 8.569L8.97864 8.56773C9.39678 8.19945 9.65405 7.95872 9.73649 7.86651L9.73673 7.86672L9.74101 7.86099C9.96259 7.5636 10.08 7.18561 10.08 6.73187C10.08 6.1767 9.89829 5.73149 9.52928 5.40627C9.16162 5.07341 8.67785 4.92 8.09607 4.92C7.43386 4.92 6.90555 5.10965 6.51193 5.49648C6.10826 5.88453 5.92 6.41749 5.92 7.08352ZM8.46723 10.5306L8.46727 10.5306L8.46526 10.5287C8.31798 10.3903 8.13182 10.3224 7.9214 10.3224C7.70991 10.3224 7.53282 10.391 7.38627 10.5287C7.2369 10.669 7.16891 10.8495 7.16891 11.0617C7.16891 11.2739 7.2369 11.4544 7.38627 11.5947C7.53082 11.7305 7.7072 11.8098 7.9214 11.8098C8.13289 11.8098 8.30997 11.7412 8.45652 11.6035C8.60478 11.4643 8.68262 11.2756 8.68262 11.0617C8.68262 10.847 8.60428 10.6686 8.46723 10.5306Z" fill="white" stroke="white" stroke-width="0.16" />
                                        </svg>
                                    </el-tooltip>
                                </div>
                                <div class="reve_line"></div>
                            </div>
                            <div class="reve_list flex">
                                <div class="reve_num">{{item.zt_service?item.zt_service:"0.00"}}</div>
                                <div class="reve_text flexbox flexcenter flexjust">
                                    追投总收入
                                    <el-tooltip class="item" effect="dark" content="" placement="top">
                                        <div slot="content" style="font-size:12;color:#fff;line-height:18px">
                                            千川随心推追投服务费收入 + DOU+收入 + 品牌广告收入
                                        </div>
                                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="8.0001" cy="8.0001" r="6.4" fill="#CFD4DD" />
                                            <path d="M5.92 7.08352V7.16352H6H6.99563H7.07563V7.08352C7.07563 6.72243 7.14429 6.45204 7.27846 6.26933L7.27851 6.26937L7.28031 6.2667C7.42646 6.04989 7.66706 5.94154 8.03493 5.94154C8.31743 5.94154 8.52971 6.01642 8.67611 6.16331C8.81667 6.31309 8.89817 6.52067 8.89817 6.79341C8.89817 6.99248 8.82745 7.18578 8.68085 7.36642L8.58011 7.48472C8.29712 7.73905 8.06929 7.95955 7.89737 8.14703C7.72622 8.33366 7.60626 8.49204 7.54407 8.62154C7.41437 8.87387 7.36105 9.1775 7.36105 9.51868V9.64176V9.72176H7.44105H8.44542H8.52541V9.64176V9.51868C8.52541 9.31966 8.56639 9.14727 8.64807 8.98284C8.72181 8.83439 8.82849 8.69371 8.97718 8.56898L8.97719 8.569L8.97864 8.56773C9.39678 8.19945 9.65405 7.95872 9.73649 7.86651L9.73673 7.86672L9.74101 7.86099C9.96259 7.5636 10.08 7.18561 10.08 6.73187C10.08 6.1767 9.89829 5.73149 9.52928 5.40627C9.16162 5.07341 8.67785 4.92 8.09607 4.92C7.43386 4.92 6.90555 5.10965 6.51193 5.49648C6.10826 5.88453 5.92 6.41749 5.92 7.08352ZM8.46723 10.5306L8.46727 10.5306L8.46526 10.5287C8.31798 10.3903 8.13182 10.3224 7.9214 10.3224C7.70991 10.3224 7.53282 10.391 7.38627 10.5287C7.2369 10.669 7.16891 10.8495 7.16891 11.0617C7.16891 11.2739 7.2369 11.4544 7.38627 11.5947C7.53082 11.7305 7.7072 11.8098 7.9214 11.8098C8.13289 11.8098 8.30997 11.7412 8.45652 11.6035C8.60478 11.4643 8.68262 11.2756 8.68262 11.0617C8.68262 10.847 8.60428 10.6686 8.46723 10.5306Z" fill="white" stroke="white" stroke-width="0.16" />
                                        </svg>
                                    </el-tooltip>
                                </div>
                            </div>
                        </div>
                        <div class="reve_man flexbox flexcenter">
                            <div class="mans_name" v-for="i in item.member_name" :key="i"><span>{{i | keepLastTwo}}</span></div>
                        </div>
                    </div>
                </div>
                <el-pagination background layout="total, prev, pager, next,sizes" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryInfo.page" :page-size="queryInfo.limit" :page-sizes="[5, 50, 100, 200]" :total="total">
                </el-pagination>
            </div>
            <div class="rev_right">
                <div class="flexbox flexcenter flexbetween">
                    <div class="reve_data_name">数据总览</div>
                    <div class="flexbox flexcenter bonus_btn" @click="toBonus" v-if="userinfo.id==10000">
                        <img src="../../assets/img/bonus.svg" alt="">
                        <span>项目奖金统计</span>
                        <i class="el-icon-caret-right"></i>
                    </div>
                    <!-- <el-button plain size="small" class="plain_blue" @click="toBonus" v-if="userinfo.id==10000">
                        
                    </el-button> -->
                </div>
                
                <div class="reve_data_item flexbox flexcenter flexbetween">
                    <div class="reve_data_title flexbox flexcenter">
                        <img src="../../assets/img/rev_01.svg" alt="">
                        <span>总项目收入</span>
                    </div>
                    <div class="reve_data_val">{{countData.project_income?countData.project_income:"0.00"}}</div>
                </div>
                <div class="reve_data_item flexbox flexcenter flexbetween">
                    <div class="reve_data_title flexbox flexcenter">
                        <img src="../../assets/img/rev_06.svg" alt="">
                        <span>总星图任务金额</span>
                    </div>
                    <div class="reve_data_val">{{countData.aweme_price?countData.aweme_price:"0.00"}}</div>
                </div>
                <div class="reve_data_item flexbox flexcenter flexbetween">
                    <div class="reve_data_title flexbox flexcenter">
                        <img src="../../assets/img/rev_02.svg" alt="">
                        <span>总品牌广告消耗</span>
                    </div>
                    <div class="reve_data_val">{{countData.brandads_cost?countData.brandads_cost:"0.00"}}</div>
                </div>
                <div class="reve_data_item flexbox flexcenter flexbetween">
                    <div class="reve_data_title flexbox flexcenter">
                        <img src="../../assets/img/rev_03.svg" alt="">
                        <span>总星图服务费</span>
                    </div>
                    <div class="reve_data_val">{{countData.xingtu_service?countData.xingtu_service:"0.00"}}</div>
                </div>
                <div class="reve_data_item flexbox flexcenter flexbetween">
                    <div class="reve_data_title flexbox flexcenter">
                        <img src="../../assets/img/rev_04.svg" alt="">
                        <span>总达人返点收入</span>
                    </div>
                    <div class="reve_data_val">{{countData.aweme_service?countData.aweme_service:"0.00"}}</div>
                </div>
                <div class="reve_data_item flexbox flexcenter flexbetween">
                    <div class="reve_data_title flexbox flexcenter">
                        <img src="../../assets/img/rev_05.svg" alt="">
                        <span>总追投收入</span>
                    </div>
                    <div class="reve_data_val">{{countData.zt_service?countData.zt_service:"0.00"}}</div>
                </div>
            </div>
        </div>
        <div slot="empty" class="flexbox flexcenter flexcolumn flexjust" style="height:832px" v-else>
            <img src="../../assets/img/null_icon.svg" alt="">
            <div class="font_13 color_03">暂无数据</div>
        </div>
    </div>
</template>

<script>
import ExportTask from './ExportTask'
export default {
    name: "",
    data() {
        return {
            loading: false,
            userinfo:{},
            queryInfo: {
                page: 1,
                limit: 5,
                project_name: "",
                getmoney_date: [],
                zt_date: [],
                apitype: "list",
            },
            total: 0,
            setpage: 1,
            tableData: [],
            countData: {},
        };
    },
    created() {
        this.userinfo = JSON.parse(window.localStorage.getItem("userinfo"));
        this.getDataList(1);
    },
    methods: {
        //获取列表
        async getDataList(page) {
            this.queryInfo.page = page;
            this.loading = true;
            const { data: res } = await this.$http.post(
                "fxdata/revenue/projectList",
                this.queryInfo
            );
            if (res.code !== 200) {
                this.loading = false;
                this.$message.error(res.msg);
                return;
            } else {
                this.loading = false;
                this.tableData = res.data.list;
                this.total = res.data.count;
                this.countData = res.data.total[0];
            }
        },

        // 添加项目
        addRevenue() {
            this.$router.push({
                path: "/addrevenue",
                query: {},
            });
        },

        // 编辑项目
        editRevenue(row) {
            this.$router.push({
                path: "/eidtrevenue",
                query: {
                    id: row.id,
                },
            });
        },

        // 导出数据
        exportDown(){
            this.$refs.ex_ref.getData()
        },

        // 素材列表
        toTask(row) {
            let routeUrl = this.$router.resolve({
                path: "/revenue/task",
                query: {
                    project_id: row.id,
                    project_name: row.project_name,
                },
            });
            window.open(routeUrl.href, "_blank");
        },

        // 项目奖金汇总
        toBonus(){
            let routeUrl = this.$router.resolve({
                path: "/projectbonus"
            });
            window.open(routeUrl.href, "_blank");
        },

        // 每页显示多少条数据
        handleSizeChange(val) {
            this.queryInfo.limit = val;
            this.getDataList(1);
        },
        // 当前页切换
        handleCurrentChange(val) {
            this.setpage = val;
            this.getDataList(val);
        },
    },
    components: {
        ExportTask
    },
};
</script>


<style scoped>
.rev_left {
    min-height: 800px;
}
.rev_right {
    position: sticky;
    top: 0;
    width: 320px;
    background: linear-gradient(
        148.56deg,
        rgba(236, 249, 255, 0.4) 1.71%,
        rgba(226, 243, 255, 0.58) 31.16%,
        rgba(221, 232, 255, 0.51) 57.84%,
        rgba(247, 250, 255, 0.63) 95.87%
    );
    border-radius: 6px;
    box-sizing: border-box;
    padding: 20px;
    margin-left: 16px;
    flex-shrink: 0;
    height: fit-content;
}
.reve_item {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 16px;
}
.reve_item:hover {
    transition: 0.5s;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.reve_name {
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
}
.reve_set {
    font-size: 12px;
    color: #4475ff;
    line-height: 25px;
}
.reve_set svg {
    margin-right: 5px;
}
.reve_val {
    /* height: 76px; */
    background: rgba(165, 177, 209, 0.05);
    border-radius: 8px;
    padding: 5px 20px;
    margin-top: 12px;
    flex-wrap: wrap;
    overflow: hidden;
}
.reve_list {
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 20%;
    float: left;
}
.reve_num {
    font-size: 16px;
    line-height: 21px;
    height: 21px;
    font-family: D-DIN;
    font-weight: 700;
}
.reve_text {
    font-size: 12px;
    line-height: 17px;
    height: 17px;
    margin-top: 6px;
    color: #b4b7bd;
}
/* .reve_line {
    position: absolute;
    height: 12px;
    border-left: 1px solid #ebebeb;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
} */
.reve_man {
    margin-top: 12px;
}
.mans_name {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background: #4475ff;
    font-size: 12px;
    color: #fff;
    margin-right: 4px;
}
.mans_name span {
    display: block;
    transform: scale(0.8);
}
.reve_data_name {
    font-size: 16px;
    line-height: 38px;
    color: #17233d;
}
.reve_data_item {
    height: 64px;
    padding: 0 12px;
    background: #ffffff;
    border-radius: 8px;
    margin-top: 12px;
}
.reve_data_item span {
    font-size: 14px;
    line-height: 20px;
    margin-left: 8px;
    color: #616c85;
}
.reve_data_val {
    font-family: D-DIN;
    font-weight: 700;
    font-size: 18px;
}
.bonus_btn{
    height: 32px;
    background-color: #fff;
    padding: 0 8px;
    border-radius: 4px;
    color: #17233D;
    cursor: pointer;
}
.bonus_btn span{
    font-size: 12px;
    margin-left: 6px;
    margin-right: 6px;
    line-height: 12px;
}
.bonus_btn i{
    font-size: 14px;
    color: #616C85;
}
</style>


